// cli v6 bug，暂不支持 ~weui 写法，相关ISSUES
// - [#10717](https://github.com/angular/angular-cli/issues/10717)
// - [#10721](https://github.com/angular/angular-cli/issues/10721)
// @import '~weui/src/style/weui.less';
// @import '~ngx-weui/index';
@import '../node_modules/weui/src/style/weui.less';
@import '../node_modules/ngx-weui/index';

// [自定义主题](https://cipchk.github.io/ngx-weui/#/docs/style)
// @weuiFontDefault: "Helvetica Neue";
// @weuiBtnPrimaryBg: #f50;

/* You can add global styles to this file, and also import other style files */
@weuiBtnPrimaryBg: #FCCC5B;
@weuiBtnFontColor:#333;
html,
body {
    h3{
        // background: #FCCC5B;
        outline: none;
    }
    img{
        pointer-events: none;
    }
	font-size: 16px;
	background: #191919;
	color:#fff;
}
html{
    -webkit-text-size-adjust:none;
    -webkit-tap-highlight-color: transparent;
}
body{
    max-width: 750px;
    margin:0 auto;
}
*{
    box-sizing: border-box;
}
@fontColor: #c7c7c7;
@b_line_size:.125rem;
@h:5rem;
@f_size: 1.75rem;
input{
    &:focus{
        outline: none;
    }
}
#qrCodeImage img{
    width:100%;
}
.fixed-box{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.3);
	z-index: 999;
	&.fixed-hide{
		top:-100%;
	}
	.fixed-box-bg{
		background: transparent;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 100;
	}
	.fixed-box-body{
		background: #313539;
		padding:1.5rem;
		transform: translateY(-100%);
		transition: all 0.3s ease-in;
		width: 100%;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 110;
		&.fixed-body-show{
			transform: translateY(0%);
		}
	}
}

.white-input {

    input {
        color: @fontColor;
        height: @h;
        font-size: @f_size;
        line-height: @h;
    }
    
    input::-webkit-input-placeholder {
        line-height: @h;
        font-size: @f_size;
        color: @fontColor;
        height: @h;
    }
    
    input::-moz-placeholder {
        line-height: @h;
        font-size: @f_size;
        /* Mozilla Firefox 19+ */
        height: @h;
        color: @fontColor;
    }
    
    input:-moz-placeholder {
        line-height: @h;
        font-size: @f_size;
        /* Mozilla Firefox 4 to 18 */
        height: @h;
        color: @fontColor;
    }
    
    input:-ms-input-placeholder {
        line-height: @h;
        font-size: @f_size;
        height: @h;
        /* Internet Explorer 10-11 */
        color: @fontColor;
    }
    
    input {
        -webkit-text-fill-color: #fff;
        /*输入文字、placeholder颜色*/
        caret-color: @fontColor;
        /*光标颜色*/
    }
}
.weui-dialog{
    background-color: #313539;
    padding: 0 2rem;
	.weui-dialog__bd{
		color:#fff;
	}
	.weui-dialog__btn{
		color: #fff;
		&:active{
			background-color:#555;
		}
	}
}
countdown{
	span{
		color:#aaa;
		font-size:1.5rem;
		i{
			color:#fff;
			font-style: normal;
			background: rgba(255,255,255,0.2);
			border-radius:0.2rem;
			padding:0 0.2rem;
		}
	}
}
.weui-cells{
	background: #555;
	border-radius:1rem;
	.weui-cell{
		input::-webkit-input-placeholder {
			color: #aaa;
		}
		
		input::-moz-placeholder {
			color: #aaa;
		}
		
		input:-moz-placeholder {
			color: #aaa;
		}
		
		input:-ms-input-placeholder {
			color: #aaa;
		}
	}
}
.page-title{
	position: absolute;
	left: 0rem;
	top: 1rem;
	color: #fff;
	text-align: center;
	font-size: 2.25rem;
	width: 100%;
	>a{
		position: absolute;
		left: 1.5rem;
		top: 1rem;
		img{
			vertical-align: top;
		}
	}
}